<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="layui.css">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    ul {
      list-style: none;
    }

    a {
      text-decoration: none;
    }

    /* 头部导航样式 */
    /*#region*/
    .headbox {
      position: relative;
      z-index: 2000;
      width: 100%;
      height: 35px;
      background-color: #f5f5f5;
    }

    .headcontent {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 1460px;
      /* background-color: skyblue; */
      font-size: 12px;
      height: 35px;
      line-height: 35px;
    }

    .headcity {
      color: #333;
    }

    .headcity span {
      color: #0cbab2;
    }

    .headcity img {
      width: 18px;
      height: 18px;
      vertical-align: middle;
    }

    .headnav ul {
      display: flex;
    }

    .headnav ul li a {
      color: #999;
      padding: 0 10px 0 14px;
      border-right: 1px solid #999;
    }

    .headnav ul li img {
      width: 12px;
      height: 8px;
    }

    .headnav ul li a:hover {
      position: relative;
      color: #0cbab2;
    }

    .headnav ul li a div {
      color: #999;
      /* text-align: center; */
      display: none;
      padding-left: 15px;
      position: absolute;
      width: 100px;
      height: 90px;
      background-color: #f5f5f5;
      z-index: 100;
    }

    .headnav ul li a:hover div {
      display: block;
    }

    .headnav .li1 a:first-child {
      border: 0;
    }

    .headnav ul>li:last-child a {
      border: 0;
      color: red;
    }

    .headnav ul>li:last-child a span {
      text-decoration: underline;
    }

    /*#endregion*/

    /* logo位置导航栏 */
    /*#region*/
    .logonav {
      position: sticky;
      top: 0;
      z-index: 1000;
      background-color: #fff;
      width: 100%;
      height: 80px;
      /* background-color: skyblue; */
    }

    .logonavcontent {
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      width: 1460px;
      height: 80px;
      /* background-color: #0cbab2; */
    }

    .logobox {
      display: flex;
      justify-content: space-between;
      width: 289px;
      height: 51px;
      margin-top: 16px;
    }

    .logobox i {
      width: 132px;
      height: 47px;
    }

    .logobox i {
      margin-top: 4px;
      background: url(images/jlt.png) no-repeat 0 -261px;
      /* background-image: url(images/jlt.png);
      background-repeat: no-repeat; */
      background-size: 457px 370px;
      /* background-position: 0 -208px; */
      /* background-size: 2; */
      zoom: 1;
    }

    .logobox img {
      vertical-align: middle;
      width: 145px;
      height: 51px;
    }

    .logonavmain,
    .logonavmain ul {
      display: flex;
      width: 766px;
      height: 80px;
    }

    .logonavmain ul li {
      padding: 22px 15px 0 16px;
      margin-right: 30px;
    }

    .logonavmain ul li:last-child {
      margin-right: 0;
    }

    .logonavmain ul li a {
      font-size: 16px;
      height: 38px;
      line-height: 38px;
      color: #333;
    }

    .logonavmain ul li a img {
      margin-left: 5px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
    }

    .logonavmain ul li a div {
      left: 0;
      bottom: -200px;
      color: #999;
      display: none;
      padding-left: 15px;
      box-sizing: border-box;
      position: absolute;
      width: 1519px;
      height: 200px;
      background-color: #f5f5f5;
      z-index: 100;
    }

    .logonavmain ul li:first-child a {
      color: #0cbab2;
    }

    .logonavmain ul li a:hover {
      color: #0cbab2;
    }

    .logonavmain ul li a:hover div {
      display: block;
    }

    .logosearch {
      position: relative;
      width: 268px;
      height: 79px;
      line-height: 79px;
    }

    .logosearch input {

      width: 224px;
      height: 14px;
      padding: 9px 32px 9px 8px;
      outline: none;

    }

    .logosearch img {
      right: 10px;
      top: 30px;
      width: 21px;
      height: 21px;
      position: absolute;
    }

    /*#endregion*/
    .div22 {
      width: 1460px;
      margin: 0 auto;
    }

    /* 详情页主体 */
    /*#region*/
    .detailmain {
      display: flex;
      justify-content: space-between;
      width: 1140px;
      height: 330px;
      padding: 40px;
      margin: 20px auto;
      /* background-color: #ccc; */
    }

    .detailmainleft {
      width: 480px;
    }

    .detailmainleft .img img {
      width: 100%;
    }

    .detailmainleft ul {
      display: flex;
      margin-top: 20px;
      justify-content: space-between;
    }

    .detailmainleft ul li {
      width: 84px;
      height: 56px;
    }

    .detailmainleft ul li img {
      width: 100%;
    }

    .detailmainright {
      width: 625px;

    }

    .detailmaintop {
      font-size: 14px;
      height: 35px;
      line-height: 35px;
      display: flex;
      align-items: center;
      margin-top: 10px;
    }

    .detailmaintop .span1 {
      font-size: 26px;
      margin-right: 15px;
    }

    .detailmaintop .span2,
    .detailmaintop .span3 {
      font-size: 12px;
      display: inline-block;
      color: white;
      width: 17px;
      height: 17px;
      line-height: 17px;
      text-align: center;
      background-color: #5cdbd3;
      margin-right: 4px;
    }

    .detailmaintop .span3 {
      background-color: orange;
    }

    .detailmaintop img {
      width: 70px;
      height: 14px;
      vertical-align: middle;
    }

    .detailmaintop .span4 {
      margin-right: 55px;
    }

    .detailmaintop .span5 {
      margin-left: 10px;
    }

    .detailmainright .p1 {
      padding: 0 8px;
      color: #FF8A00;
      border: 1px solid currentColor;
      font-size: 12px;
      display: inline-block;
      margin-top: 20px;
    }

    .detailmaininfo {
      margin-top: 30px;
      display: flex;
    }

    .detailmaininfo div {
      margin-right: 60px;
      text-align: center;
    }

    .detailmaininfo div p:nth-child(1) {
      font-size: 20px;
      font-weight: bold;
    }

    .detailmaininfo div p:nth-child(2) {
      font-size: 14px;
    }

    .detailmainright .address .p11 {
      font-size: 18px;
      font-weight: bold;
      border: 0;
      margin-bottom: 20px;
    }

    .address {
      margin-top: 30px;
    }

    .address p:nth-child(1) img {
      width: 19px;
      height: 19px;
      margin-right: 5px;
    }

    .detailmainright .btn {
      margin-top: 30px;
    }

    .detailmainright .btn a {
      width: 180px;
      height: 48px;
      margin-right: 10px;
      display: inline-block;
      background-color: #ff5a00;
      line-height: 48px;
      text-align: center;
      color: white;
    }

    .detailmainright .btn span {
      color: #ff5a00;
    }

    /*#endregion*/
    .mainzhanshi {
      width: 1140px;
      margin: 0 auto;
    }

    .zhanshi {
      width: 960px;
      margin: 0;
    }

    .youhui {
      position: relative;
      width: 885px;
      height: 80px;
      margin: 0 8px;
    }

    .youhui img {
      width: 100%;
    }

    .youhui .absolu {
      position: absolute;
      left: 70px;
      top: 25px;
      font-size: 12px;
      color: #916d35;
    }

    .youhui .absolu p:last-child {
      color: #999;
    }

    .youhui .get {
      position: absolute;
      right: 30px;
      top: 25px;
      border: 1px solid #ff5a00;
      background-color: #ff5a00;
      border-radius: 14px;
      padding: 3px 5px;
      color: white;
    }

    .designhead,
    .design {
      width: 1140px;
      padding: 30px;
      margin: 30px auto 0;
    }

    .design {
      margin: 0 auto;
      padding: 0 30px 30px;
    }

    .designhead p {
      width: 880px;
    }

    .designhead span {
      float: right;
    }

    .design .designcontent {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      font-size: 16px;
      color: #333;
      width: 880px;
    }

    .design .item1 {
      width: 280px;
      height: 260px;

    }

    .design .item1 img {
      width: 100%;
    }

    .design .item1>p:nth-of-type(1) {
      margin-top: 12px;
      padding-left: 10px;
    }

    .design .item1>p:nth-of-type(2) {
      margin-top: 12px;
      padding-left: 10px;
      font-size: 12px;
      color: #999;
    }

    .design .item1>p:nth-of-type(2) span {
      float: right;
      margin-right: 10px;
      color: orange;
    }

    .designcontent .item2 {
      height: 167px;
    }

    .designcontent .item2 img {
      width: 108px;
      height: 108px;
      border-radius: 50%;
    }

    .design .designcontent1 {
      flex-wrap: nowrap;
      justify-content: space-around;
    }

    .design .designcontent1 .img11 {
      margin: 0 19px;
    }

    .design .designcontent1 .p33 {
      text-align: center;
      padding-left: 0 !important;
    }

    .gyzhanshi {
      width: 1140px;
      margin: 0 auto;
      /* background-color: #ccc; */
    }

    .gycontent {
      width: 880px;
      /* background-color: skyblue; */
    }

    .gycontent p {
      font-size: 20px;
    }

    .gycontent .gyinfo {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 40px;
    }

    .gycontent .gyinfo span {
      width: 176px;
      height: 22px;
      margin-top: 20px;
      font-size: 16px;

    }

    .gycontent .gyinfo span img {
      width: 22px;
      height: 22px;
      margin: 0 10px;
      vertical-align: middle;
    }

    .tsinfo {
      width: 400px;
      height: 133px;
      display: flex;
      justify-content: space-between;
    }

    .tsinfo img {
      height: 133px;
    }

    .tscontent {
      width: 200px;
      padding: 15px;
    }

    .tscontent p:nth-child(1) {
      font-size: 16px;

    }

    .tscontent p {
      margin-bottom: 10px;
    }

    .tscontent p:nth-child(2) {
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      font-size: 14px;
    }

    .tscontent p:nth-child(3) {
      color: #999;
      font-size: 14px;
    }

    .gymain {
      display: flex;
      margin-top: 10px;
      margin-bottom: 30px;
      justify-content: space-between;
    }

    .gyitem {
      width: 280px;
      height: 280px;
      /* background-color: #ccc; */
    }

    .gyitem img {
      width: 280px;
      height: 190px;
    }

    .gyitem p {
      font-size: 16px;
      margin-top: 10px;
      padding-left: 10px;
    }

    .gyitem p:last-child {
      font-size: 14px;
      color: #999;
    }

    .zxlist {
      display: flex;
      margin-top: 10px;
      justify-content: space-between;
    }

    .gycontent .yzcomment {
      position: relative;
      padding-bottom: 20px;
      border-bottom: 1px solid #ccc;
    }

    .gycontent .yzcomment p {
      font-size: 14px;
      padding: 25px 0 0 88px;
      /* background-color: #916d35; */
    }

    .gycontent .yzcomment .p44 span:nth-child(1) {
      background-color: green;
      padding: 3px 5px;
      display: inline-block;
      color: white;
      border-radius: 4px;
      margin: 0 10px;
    }

    .gycontent .yzcomment .p44 span:nth-child(2),
    .gycontent .yzcomment .p44 span:nth-child(3) {
      padding: 3px 5px;
      display: inline-block;
      color: #ff9800;
      border: 1px solid currentColor;
      border-radius: 10px;
      background-color: #fffaeb;
      margin-right: 10px;
    }

    .gycontent .yzcomment .p44 span:nth-child(4) {
      float: right;
      color: #666;
    }

    .gycontent .yzcomment .p55 span img {
      width: 75px;
      height: 16px;
      vertical-align: top;
    }

    .gycontent .yzcomment .p55 {
      height: 20px;
      line-height: 20px;
    }

    .gycontent .yzcomment .p55 span {
      margin-right: 20px;
    }

    .gycontent .yzcomment .p66 {
      line-height: 30px;
    }

    .yzimglist {
      padding-left: 88px;
      display: flex;
      flex-wrap: wrap;
    }

    .yzimgitem {
      width: 120px;
      height: 120px;
      margin-bottom: 10px;
      margin-right: 12px;
    }

    .yzimgitem img {
      width: 100%;
      /* margin-right: 10px; */
    }

    .yzimglist {
      display: flex;

    }

    .touxiang {
      position: absolute;
      top: 30px;
      left: 0px;
      width: 58px;
      height: 58px;
    }

    .touxiang img {
      width: 100%;
      border-radius: 50%;
    }

    .gycontent>p {
      padding-top: 10px;
    }

    .gyzhanshi .gycontent .bottomp {
      font-size: 14px;
    }


    .bottom {
      color: #828789;
      background-color: #1f1f1f;
      padding: 30px 0;
    }

    .bottom .ul1 {
      display: flex;
      height: 35px;
    }

    .bottommain,
    .bottomcompany {
      width: 1460px;
      margin: 0 auto;
    }

    .bottom .ul1 li {
      width: 90px;
      height: 35px;
      line-height: 35px;
      margin-right: 10px;
      background-color: #384144;
      color: #828789;
      text-align: center;
    }

    .bottom .ul1 li:nth-child(1) {
      color: white;
    }

    .bottom .ul2 {
      margin-top: 21px;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #828789;
    }

    .bottom .ul2 li {
      margin: 0 14px 11px 0;
      font-size: 12px;
    }

    .bottomcompany {
      position: relative;
      margin-top: 20px;
    }

    .bottomcompany ul {
      display: flex;
    }

    .bottomcompany ul li {
      margin-right: 17px;
      color: white;
    }

    .bottomcompany p {
      font-size: 12px;
      margin-top: 23px;
    }

    .bottomcompany p:last-child img {
      height: 21px;
      vertical-align: middle;
    }

    .bottomcompany p:last-child span {
      display: block;
    }

    .bottomcompany .box11 {
      position: absolute;
      right: 300px;
      bottom: 50px;
    }

    .bottomcompany .box22 {
      position: absolute;
      right: 150px;
      bottom: 50px;
    }

    .bottomcompany .box11 img,
    .bottomcompany .box11 {
      width: 100px;
      height: 100px;
    }

    .bottomcompany .box22 img,
    .bottomcompany .box22 {
      width: 100px;
      height: 100px;
    }

    .mainzhanshi {
      position: relative;
    }

    .mainzhanshiright {
      width: 200px;
      padding: 0 20px;
      position: absolute;
      top: 0;
      right: -50px;
      /* background-color: #ccc; */
    }

    .mainzhanshiright .ptop {
      font-size: 18px;
      color: #0cbab2;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
    }

    .mainzhanshiright p:nth-child(even) {
      font-weight: bold;
      margin-top: 10px;
    }

    .mainzhanshiright p:nth-child(odd) {
      margin-bottom: 20px;
    }

    .designhead {
      position: relative;
    }

    .fixed {
      width: 240px;
      background-color: #ccc;
      position: sticky;
      top: 500px;
    }
  </style>
</head>

<body>
  <!-- 顶部登录注册导航栏 -->
  <div class="headbox">
    <div class="headcontent">
      <!-- 城市信息 -->
      <div class="headcity">
        <img src="images/dizhi.png" alt="">
        郑州
        <span>[切换]</span>
      </div>
      <!-- 头部导航栏 -->
      <div class="headnav">
        <ul>
          <li class="li1">
            <a href="#">登录</a>
            <a href="#">注册</a>
          </li>

          <li>
            <a href="#">我的土巴兔<img src="images/下拉.png" alt="">
              <div>我的土巴兔</div>
            </a>
          </li>
          <li>
            <a href="#">商家中心<img src="images/下拉.png" alt="">
              <div>商家中心</div>
            </a>
          </li>
          <li>
            <a href="#">建材中心<img src="images/下拉.png" alt="">
              <div>建材中心</div>
            </a>
          </li>
          <li>
            <a href="#">创作者中心</a>
          </li>
          <li>
            <a href="#">图满意云设计</a>
          </li>
          <li>
            <a href="#">咨询热线：<span>4006-900-288</span></a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- logo位置导航栏 -->
  <div class="logonav">
    <div class="logonavcontent">
      <div class="logobox">
        <i></i>
        <img src="images/logo2.gif" alt="">
      </div>
      <div class="logonavmain">
        <ul>
          <li>
            <a href="#">首页</a>
          </li>
          <li>
            <a href="#">效果图<img src="images/下拉 (1).png" alt="">
              <div>效果图</div>
            </a>
          </li>
          <li>
            <a href="#">装修公司<img src="images/下拉 (1).png" alt="">
              <div>装修公司</div>
            </a>
          </li>
          <li>
            <a href="#">装修攻略<img src="images/下拉 (1).png" alt="">
              <div>装修攻略</div>
            </a>
          </li>
          <li>
            <a href="#">更多<img src="images/下拉 (1).png" alt="">
              <div>更多</div>
            </a>
          </li>
          <li>
            <a href="#">下载app<img src="images/手机.png" alt=""></a>
          </li>
        </ul>
      </div>
      <div class="logosearch">
        <input type="text" placeholder="搜装修公司" class="text">
        <img src="images/搜索.png" alt="">
      </div>
    </div>
  </div>
  <!-- 面包屑导航 -->
  <div class="div22">
    <span class="layui-breadcrumb" style="visibility: visible;">
      <a href="">首页</a><span lay-separator="">></span>
      <a href="">会员管理</a><span lay-separator="">></span>
      <a><cite>会员列表</cite></a>
    </span>
  </div>

  <!-- 主体区 -->
  <div class="detailmain">
    <div class="detailmainleft">
      <div class="img"><img src="images/detail/detail1.jpg" alt=""></div>
      <ul>
        <li><img src="images/detail/detailsmall.jpg" alt=""></li>
        <li><img src="images/detail/detailsmall.jpg" alt=""></li>
        <li><img src="images/detail/detailsmall.jpg" alt=""></li>
        <li><img src="images/detail/detailsmall.jpg" alt=""></li>
        <li><img src="images/detail/detailsmall.jpg" alt=""></li>
      </ul>
    </div>
    <div class="detailmainright">
      <div class="detailmaintop">
        <span class="span1">自在居装饰</span>
        <span class="span2">营</span>
        <span class="span3">认</span>
        <span class="span4">保证金：￥15000</span>
        口碑：<img src="images/star.png" alt="">
        <span class="span5">收藏</span>

      </div>
      <span class="p1">先装修后支付</span>
      <div class="detailmaininfo">
        <div class="div1">
          <p>154</p>
          <p>设计案例</p>
        </div>
        <div class="div2">
          <p>154</p>
          <p>设计案例</p>
        </div>
        <div class="div3">
          <p>100.0%</p>
          <p>设计好评</p>
        </div>
      </div>
      <div class="address">
        <p class="p11"><img src="images/detail/tel.png" alt="">17630021358</p>
        <p>地址：郑州市管城回族区郑东商业中心-B区2-403</p>
      </div>
      <div class="btn"><a href="#">免费预约</a>已有<span>10000</span>人预约</div>
    </div>
  </div>

  <div class="mainzhanshi">
    <div class="zhanshi">
      <div class="youhui">
        <img src="images/detail/youhui.png" alt="">
        <div class="absolu">
          <p>预约送设计方案报价一套</p>
          <p>2020.09.03-2022.04.01</p>
        </div>
        <div class="get">
          领取优惠
        </div>
      </div>
    </div>
    <div class="mainzhanshiright">
      <p class="ptop">服务概况</p>
      <p>营业时间</p>
      <p>周一~周日,每天09:00-18:30</p>
      <p>承接价位：</p>
      <p>全部价位</p>
      <p>服务区域：</p>
      <p>二七区、管城回族区、惠济区、金水区、中原区、新郑市、荥阳市</p>
      <p>专长风格：</p>
      <p>简约、现代、北欧</p>
    </div>
  </div>

  <div class="designhead">
    <p>设计案例<span>全部154套></span></p>
  </div>
  <div class="design">
    <div class="designcontent">
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
      <div class="item1">
        <img src="images/detail/item1.jpg" alt="">
        <p>永威城现代高级感无主灯设计</p>
        <p>140m² / 四居及以上 / 现代简约 / 全包 <span>15万</span></p>
      </div>
    </div>
  </div>


  <div class="designhead">
    <p>设计团队<span>总共10人</span></p>
  </div>
  <div class="design">
    <div class="designcontent designcontent1">
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
    </div>
  </div>

  <div class="gyzhanshi">
    <div class="gycontent">
      <p>特色服务</p>
      <div class="gyinfo">
        <span><img src="images/搜索.png" alt=""> 家装</span>
        <span><img src="images/搜索.png" alt="">装修福利</span>
        <span><img src="images/搜索.png" alt="">装修福利</span>
        <span><img src="images/搜索.png" alt="">装修福利</span>
        <span><img src="images/搜索.png" alt="">装修福利</span>
        <span><img src="images/搜索.png" alt="">装修福利一</span>
        <span><img src="images/搜索.png" alt="">家装</span>
        <span><img src="images/搜索.png" alt="">装修福利</span>
      </div>

      <p>工艺展示</p>
      <div class="gymain">
        <div class="tsinfo">
          <img src="images/detail/ts.jpg" alt="">
          <div class="tscontent">
            <p>竣工验收</p>
            <p>竣工验收
              竣工验收是对房子装修完后再进行一次全面的检查，在整个装修的过程中验收是一项非常重要的项目。竣工验收是对整个房子装修的总结性验收，包括：设计效果与施工效果，阶段验收环节中遗漏的一些项目，查漏补缺。经历几个月的装修过程，竣工验收是装修过程的最后一步，代表着我们的硬装工程已全部完成。
            <p>查看详情 ></p>
            </p>
          </div>
        </div>
        <div class="tsinfo">
          <img src="images/detail/ts.jpg" alt="">
          <div class="tscontent">
            <p>竣工验收</p>
            <p>竣工验收
              竣工验收是对房子装修完后再进行一次全面的检查，在整个装修的过程中验收是一项非常重要的项目。竣工验收是对整个房子装修的总结性验收，包括：设计效果与施工效果，阶段验收环节中遗漏的一些项目，查漏补缺。经历几个月的装修过程，竣工验收是装修过程的最后一步，代表着我们的硬装工程已全部完成。
            <p>查看详情 ></p>
            </p>
          </div>
        </div>
      </div>

      <p>装修工地</p>
      <div class="zxlist">
        <div class="gyitem">
          <img src="images/detail/detail1.jpg" alt="">
          <p>亿辰山海间马女士的新家</p>
          <p>136㎡ / 三居 / 现代简约 / 半包</p>
        </div>
        <div class="gyitem">
          <img src="images/detail/detail1.jpg" alt="">
          <p>亿辰山海间马女士的新家</p>
          <p>136㎡ / 三居 / 现代简约 / 半包</p>
        </div>
        <div class="gyitem">
          <img src="images/detail/detail1.jpg" alt="">
          <p>亿辰山海间马女士的新家</p>
          <p>136㎡ / 三居 / 现代简约 / 半包</p>
        </div>
      </div>

      <p>业主评价</p>
      <div class="yzcomment">
        <p class="p44">vbsgocbh_190811 <span>竣工阶段</span><span>精选</span><span>平台签约</span><span>2020-8-20</span></p>
        <p class="p55"><span>施工<img src="images/star.png" alt=""></span><span>施工<img src="images/star.png"
              alt=""></span></p>
        <p class="p66">
          经过装修公司的努力，2个半月终于搞完了。因为我们是急着入住，所以装修公司在保证质量的前提下，尽量合理安排工人，保质保量的完成了。感谢公司和设计师的付出，感谢工长这么长时间的配合！最终效果和设计师设计的基本一致，我们非常满意！
        </p>
        <div class="yzimglist">
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
        </div>
        <div class="touxiang">
          <img src="images/detail/touxiang1.jpg" alt="">
        </div>
      </div>

      <p>业主评价</p>
      <div class="yzcomment">
        <p class="p44">vbsgocbh_190811 <span>竣工阶段</span><span>精选</span><span>平台签约</span><span>2020-8-20</span></p>
        <p class="p55"><span>施工<img src="images/star.png" alt=""></span><span>施工<img src="images/star.png"
              alt=""></span></p>
        <p class="p66">
          经过装修公司的努力，2个半月终于搞完了。因为我们是急着入住，所以装修公司在保证质量的前提下，尽量合理安排工人，保质保量的完成了。感谢公司和设计师的付出，感谢工长这么长时间的配合！最终效果和设计师设计的基本一致，我们非常满意！
        </p>
        <div class="yzimglist">
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
        </div>
        <div class="touxiang">
          <img src="images/detail/touxiang1.jpg" alt="">
        </div>
      </div>

      <p>业主评价</p>
      <div class="yzcomment">
        <p class="p44">vbsgocbh_190811 <span>竣工阶段</span><span>精选</span><span>平台签约</span><span>2020-8-20</span></p>
        <p class="p55"><span>施工<img src="images/star.png" alt=""></span><span>施工<img src="images/star.png"
              alt=""></span></p>
        <p class="p66">
          经过装修公司的努力，2个半月终于搞完了。因为我们是急着入住，所以装修公司在保证质量的前提下，尽量合理安排工人，保质保量的完成了。感谢公司和设计师的付出，感谢工长这么长时间的配合！最终效果和设计师设计的基本一致，我们非常满意！
        </p>
        <div class="yzimglist">
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
        </div>
        <div class="touxiang">
          <img src="images/detail/touxiang1.jpg" alt="">
        </div>
      </div>

      <p>业主评价</p>
      <div class="yzcomment">
        <p class="p44">vbsgocbh_190811 <span>竣工阶段</span><span>精选</span><span>平台签约</span><span>2020-8-20</span></p>
        <p class="p55"><span>施工<img src="images/star.png" alt=""></span><span>施工<img src="images/star.png"
              alt=""></span></p>
        <p class="p66">
          经过装修公司的努力，2个半月终于搞完了。因为我们是急着入住，所以装修公司在保证质量的前提下，尽量合理安排工人，保质保量的完成了。感谢公司和设计师的付出，感谢工长这么长时间的配合！最终效果和设计师设计的基本一致，我们非常满意！
        </p>
        <div class="yzimglist">
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
          <div class="yzimgitem">
            <img src="images/detail/yzitem.jpeg" alt="">
          </div>
        </div>
        <div class="touxiang">
          <img src="images/detail/touxiang1.jpg" alt="">
        </div>
      </div>

      <p class="bottomp">
        郑州智在居装饰咨询电话：17155323503，公司地址：郑州市管城回族区郑东商业中心-B区2-403，拥有154套装修设计案例，口碑好评率100.00%，服务区域：二七区、管城回族区、惠济区、金水区、中原区、新郑市、荥阳市、中牟县。
      </p>
    </div>
  </div>

  <div class="designhead">
    <p>设计团队<span>总共10人</span></p>
  </div>
  <div class="design">
    <div class="designcontent designcontent1">
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
      <div class="item1 item2">
        <img class="img11" src="images/detail/item1.jpg" alt="">
        <p class="p33">设计总监</p>
        <p class="p33">11年经验 1套案例</p>
      </div>
    </div>
  </div>

  <div class="bottom">
    <div class="bottommain">
      <ul class="ul1">
        <li>友情链接</li>
        <li>装修美图</li>
        <li>热门公司</li>
        <li>热门攻略</li>
        <li>热门专题</li>
        <li>热门城市</li>
        <li>附近城市</li>
      </ul>
      <ul class="ul2">
        <li>郑州新房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州新房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州新房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
        <li>郑州二手房</li>
      </ul>
    </div>
    <div class="bottomcompany">
      <ul>
        <li>关于我们</li>
        <li>关于我们</li>
        <li>关于我们</li>
        <li>关于我们</li>
        <li>关于我们</li>
      </ul>
      <p>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2008-现在 Tubatu.com 土巴兔装修网和设计师社区 保留所有权利</p>
      <p>土巴兔装修网&#x3000;&#x3000;增值电信业务许可证：合字B2-20200129</p>
      <p><img src="images/footer_110.png" alt=""> 粤公网安备 44030502001463号<img src="images/bottomlast.png" alt=""></p>
      <div class="box11"><img src="images/t8t_app.jpg" alt=""></div>
      <div class="box22"><img src="images/t8t1.jpg" alt=""></div>

    </div>
  </div>

  <script>
    var fixed = document.querySelector('.mainzhanshi')
    var fixed1 = document.querySelector('.mainzhanshiright')
    document.addEventListener('scroll', function (e) {
      var a = window.pageYOffset;
      if (a > fixed.offsetTop) {
        fixed1.style.position = 'fixed'
        fixed1.style.top = 100 + 'px'
        fixed1.style.right = 140 + 'px'
      }
      else{
        fixed1.style.position = 'absolute'
        fixed1.style.top = 0 + 'px'
        fixed1.style.right = -50 + 'px'
      }
    })
  </script>
</body>

</html>